<script>
import { defineComponent, ref, onMounted, reactive, toRefs } from "vue";
import Button from "ant-design-vue/lib/button";
import "ant-design-vue/lib/button/style/css"; // 或者 ant-design-vue/lib/button/style/css 加载 css 文件

export default defineComponent({
  components: {
    Button
  },
  setup() {
    const visible = ref(false);

    const state = reactive({
      currentTab: null
    });

    return {
      visible,
      ...toRefs(state)
    };
  }
});
</script>
<template>
  <div class="okki-components-plugin-menu" v-show="visible">
    <Button @click="handleClick"></Button>
  </div>
</template>

<style>
.okki-components-plugin-menu {
  z-index: 20000;
  @apply absolute top-4 right-4 bg-white shadow-lg p-4 rounded-md w-72;
}
</style>
